<template>
  <view class="container">
    <view class="title">用户隐私协议</view>
    <view class="content">
      <view class="section">
        <view class="section-title">一、引言</view>
        <view class="section-content">
          本协议是您（以下简称“用户”）与我们（以下简称“开发者”）之间就使用我们提供的微信小程序（以下简称“本小程序”）所涉及的隐私相关事宜所达成的协议。本协议中的“隐私”包括但不限于您在使用本小程序时产生的个人信息。
        </view>
      </view>
      <view class="section">
        <view class="section-title">二、收集和使用个人信息</view>
        <view class="section-content">
          我们将遵守相关法律法规的规定，收集和使用您的个人信息时会严格保护您的隐私。我们仅在必要的情况下收集和使用您的个人信息，具体包括但不限于您的微信昵称、头像、所在地区等。我们收集和使用您的个人信息的目的是为了向您提供更好的服务，包括但不限于向您推荐相关商品或服务。
        </view>
      </view>
      <view class="section">
        <view class="section-title">三、个人信息的保护</view>
        <view class="section-content">
          我们将采取合理的安全措施保护您的个人信息，防止您的个人信息被泄露、丢失或被滥用。我们将采用加密技术、访问控制等措施保护您的个人信息。同时，我们也将对我们的员工和合作伙伴进行严格的管理，保障您的个人信息得到有效保护。
        </view>
      </view>
      <view class="section">
        <view class="section-title">四、个人信息的共享和转让</view>
        <view class="section-content">
          我们不会将您的个人信息出售、出租或交换给任何第三方。但在以下情况下，我们可能会与第三方共享您的个人信息：
          1. 根据法律法规或司法机关的要求；
          2. 为了向您提供更好的服务，我们可能会将您的个人信息提供给我们的合作伙伴，但我们会在共享前告知您并征得您的同意；
          3. 在经过您的同意后，我们可能会将您的个人信息转让给其他第三方。
        </view>
      </view>
      <view class="section">
        <view class="section-title">五、免责条款</view>
        <view class="section-content">
          我们将采取合理的措施保护您的个人信息，但由于技术限制、黑客攻击等因素，可能会导致您的个人信息被泄露、丢失或被滥用。在此情况下，我们不承担任何责任。
        </view>
      </view>
      <view class="section">
        <view class="section-title">六、协议的修改和解释权</view>
        <view class="section-content">
          我们有权根据需要修改本协议，并在本小程序中公布。如果您继续使用本小程序，即表示您同意接受修改后的协议。本协议的解释权归我们所有。
        </view>
      </view>
    </view>
  </view>
</template>

<style>
  .container {
    padding: 20rpx;
  }
  .title {
    font-size: 32rpx;
    font-weight: bold;
    margin-bottom: 20rpx;
  }
  .content {
    font-size: 28rpx;
  }
  .section {
    margin-bottom: 40rpx;
  }
  .section-title {
    font-size: 30rpx;
    font-weight: bold;
    margin-bottom: 10rpx;
  }
  .section-content {
    text-indent: 2em;
  }
</style>